<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>注册_商城</title>
		
		<link rel="stylesheet" type="text/css" href="../css/main.css"/>
		<link rel="stylesheet" type="text/css" href="../css/register.css"/>
	</head>
	
	<body>
		
		<div class="wraper">
			<div class="head clearfix">
				<div class="logo">
					<a title="Z商城" href="http://www.zol.com">
						<img title="Z商城" alt="Z商城" src="../images/logo_130x60.png">
						<p>中关村在线旗下网上商城</p>
					</a>
				</div>
				
				<div class="register-bar">
					还没有Z商城账号？
					<a href="login.html">立即登录</a>
				</div>
			</div>
		</div>
		
		
		<div class="register-wrap clearfix">
			<div class="title">30秒快速注册，加入Z商城</div>
			
			<div class="register-module">
				<ul class="register-tab clearfix">
					<li class="current">
						<span>用手机号注册</span>
					</li>
				</ul>
				<form id="register-form">
					
					<div class="in-box">
						<label class="aLabel"><em>*</em>手机号：</label>
						<input class="text" id="phone-number" type="text">
						<span class="wrong-tips" id="phone-tips">请填写手机号码</span>
					</div>
					<div class="tips">请填写手机号码</div>
					
					<div class="code-div clearfix in-box">
						<label class="aLabel"><em>*</em>验证码：</label>
						<input class="text checkCode" id="picCode-number" type="text">
						<img id="codeImg" src="https://service.zol.com.cn/captcha.php?token=1507534978080&amp;numCnt=5&amp;width=98&amp;height=38"/>
						<a id="more-pic" href="#">换一张</a>
						<span class="wrong-tips" id="picCode-tips">请填写验证码</span>
					</div>
					<div class="tips">请填写图片验证码</div>
					
					<div class="in-box">
						<label class="aLabel"><em>*</em>验证码：</label>
						<input class="text checkCode" id="code-number" type="text">
						<input class="get-captcha" type="button" value="获取短信验证码">
						<span class="wrong-tips" id="code-tips">请填写手机验证码</span>
					</div>
					<div class="tips">请填写手机号码，然后点击[获取验证码]</div>
					
					<div class="in-box">
						<label class="aLabel"><em>*</em>密码：</label>
						<input class="text" id="password-phone" type="password">
						<span class="wrong-tips" id="password-tips">请填写密码</span>
					</div>
					<div class="tips">6-16位字母和数字的组合，不可用特殊字符</div>
					
					<div class="in-box">
						<label class="aLabel"><em>*</em>确认密码：</label>
						<input class="text" id="regPassword-phone" type="password">
						<span class="wrong-tips" id="re-password-tips">请填写确认密码</span>
					</div>
					<div class="tips">再次输密码</div>
					
					<label class="agreement">
						<input id="regRead" type="checkbox">
						同意
						<a href="http://help.zol.com/index.php?c=Detail&amp;id=1019" target="_blank">《商城用户协议》</a>
						<a href="http://help.zol.com/index.php?c=Detail&amp;id=1022" target="_blank" class="xy_a">《隐私权说明》</a>
					</label>
					
					<input class="register-btn" id="register-btn" value="注册" type="button">
					
				</form>
			</div>
			
			<div class="fast-login">
				<p>如果您已经注册，请
					<a href="login.html">直接登录</a>
				或者用以下方式登录：
				</p>
				
				<a href="http://service.zol.com.cn/user/api/weixin/jump.php?backurl=http%3A%2F%2Fwww.zol.com" target="_blank" class="weixin"></a>
				<a href="http://service.zol.com.cn/user/api/sina/jump.php?comeshop=1&amp;backurl=http%3A%2F%2Fwww.zol.com" target="_blank" class="sina"></a>
				<a href="http://service.zol.com.cn/user/api/qq/libs/oauth/redirect_to_login.php?comeshop=1&amp;backurl=http%3A%2F%2Fwww.zol.com" target="_blank" class="qq"></a>
				<a href="http://tuan.zol.com/userBinding/alipay/alipay.auth.authorize_php_gb/alipay_auth_authorize.php?fromUrl=http%3A%2F%2Fwww.zol.com" target="_blank" class="alipay"></a>
				<a href="http://service.zol.com.cn/user/api/baidu/jump.php?comeshop=1&amp;backurl=http%3A%2F%2Fwww.zol.com" target="_blank" class="baidu"></a>
				
			</div>
		</div>
		
		<div class="footer">
			<div class="wraper clearfix">
				<ul class="foot-list-nav">
					<li>
						<a href="http://www.rongroad.com" target="_blank">关于Z商城</a>
						<span></span>
					</li>
					<li>
						<a href="http://www.rongroad.com" target="_blank">联系我们</a>
						<span></span>
					</li>
					<li>
						<a href="http://help.zol.com" target="_blank">帮助中心</a>
					</li>
				</ul>
				<p>&copy;2017. 中关村在线 版权所有</p>
			<div>
		</div>
		
	</body>
	
	<script type="text/javascript" src="../js/jquery-1.11.3.js"></script>
	<script type="text/javascript" src="../js/cookie.js"></script>
	<script type="text/javascript" src="../js/register.js"></script>
</html>
